<template>
	<view class="container">
		<div class="header">
			<div class="line_point"></div>
			<span class="headerText">猜你喜欢</span>
			<div class="line_point"></div>
		</div>
		<div class="like">
			<div class="goods">
				<image src="/static/img/jc.jpg" class="img"></image>
				<span>圣农冷冻鸡翅1000g</span>
				<div class="price">
					<span>¥8.90</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/fq.jpg" class="img"></image>
				<span>新鲜番茄现摘先发</span>
				<div class="price">
					<span>¥12.50</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/jt.jpg" class="img"></image>
				<span>正大优选鸡大腿两个</span>
				<div class="price">
					<span>¥18.88</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/jc.jpg" class="img"></image>
				<span>圣农冷冻鸡翅1000g</span>
				<div class="price">
					<span>¥8.90</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/fq.jpg" class="img"></image>
				<span>新鲜番茄现摘先发</span>
				<div class="price">
					<span>¥12.50</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/jt.jpg" class="img"></image>
				<span>正大优选鸡大腿两个</span>
				<div class="price">
					<span>¥18.88</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/jc.jpg" class="img"></image>
				<span>圣农冷冻鸡翅1000g</span>
				<div class="price">
					<span>¥8.90</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/fq.jpg" class="img"></image>
				<span>新鲜番茄现摘先发</span>
				<div class="price">
					<span>¥12.50</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/jt.jpg" class="img"></image>
				<span>正大优选鸡大腿两个</span>
				<div class="price">
					<span>¥18.88</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/jc.jpg" class="img"></image>
				<span>圣农冷冻鸡翅1000g</span>
				<div class="price">
					<span>¥8.90</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/fq.jpg" class="img"></image>
				<span>新鲜番茄现摘先发</span>
				<div class="price">
					<span>¥12.50</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
			<div class="goods">
				<image src="/static/img/jt.jpg" class="img"></image>
				<span>正大优选鸡大腿两个</span>
				<div class="price">
					<span>¥18.88</span>
					<u-icon name="shopping-cart" color="green" size="40"></u-icon>
				</div>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.container{
	width: 100%;
	padding: 0;
	margin-top: 40rpx;
}
.header{
	width: 100%;
	display: flex;
	align-items: center;
	
}
.line_point{
	flex: 1;
	height: 1rpx;
	background-color: #8F8F94;
}
.headerText{
	margin: 0 20rpx;
	font-size: 32rpx;
}
.like{
	margin-top: 30rpx;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.goods{
	width: 48%;
	background-color: #fff;
	border-radius: 15rpx;
	margin-bottom: 20rpx;
}
.goods>span{
	font-size: 32rpx;
	margin-left: 20rpx;
}
.price{
	margin-top: 50rpx;
	display: flex;
	justify-content: space-between;
	margin-left: 20rpx;
	margin-right: 20rpx;
}
.price>span{
	font-size: 32rpx;
	color: red;
}
.img{
	border-radius: 15rpx;
	width: 100%;
	height: 250rpx;
}
</style>
